<template>
  <view class="hy-cell">
    <view class="link">
      <view><text class="star">*</text>{{ label }}</view>
      <view class="content">
        <slot></slot>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: "HyCell",
  data() {
    return {};
  },
  props: {
    label: String,
  },
  methods: {},
};
</script>

<style lang="scss">
.hy-cell {
  min-height: 50px;
  line-height: 50px;
  padding: 0 10px;
  font-size: 28upx;
  background-color: #fff;
  border-bottom: 1px solid #eee;

  .link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #333;
    text-decoration: none;
    outline: 0;
    .star {
      color: red;
      padding: 5px;
      vertical-align: middle;
    }
    .content {
      display: flex;
      flex: 1;
      align-items: center;
      justify-content: flex-end;
      line-height: 28px;
      max-width: 70vw;
    }
  }
}
</style>
